<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=utf-8" language="java" %>
<!DOCTYPE HTML>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>用户填写问卷</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_289760_kjgrg5zwme9g4x6r.css">
    <link rel="stylesheet" href="lib/bootstrap-3.3.7/dist/css/bootstrap.css">
    <link rel="stylesheet" href="css/public.css">
    <script src="lib/jquery/jquery-3.2.1.min.js"></script>
    <script src="lib/bootstrap-3.3.7/dist/js/bootstrap.js"></script>
    <style>
        body{
            background-color: #EEEFF1;
        }
        .main{
            margin-top: 20px;
            background-color: #fff;
            padding:20px 50px;
        }
        .suv-title{
            border-bottom: 3px solid #0099ff;
            margin-bottom: 50px;
        }
        .suv-title p{
            text-align: center;
        }
        .suv-title > .suvTitle{
            font-size: 25px;
            font-weight: 500;
        }
        .main > div{
            padding-bottom: 20px;
        }
        .submit{
            display: inline-block;
            padding: 10px 80px;
            background-color: #0099ff;
            color: #fff;
            border-radius: 5px;
            transition: all .2s;
        }
        .submit:hover{
            text-decoration: none;
        }
        .main-show-mb{
            position: fixed;
            width: 100%;
            height: 100%;
            background-color: #999;
            top: 0;
            left: 0;
            display: none;
        }
        .radio-group,.checkbox-group,.text-group{
            font-size: 16px;
            line-height: 1.5;
        }
        .radio-group > p,.checkbox-group > p,.text-group > p{
            font-weight: 700;
        }
        .radio-group label,
        .checkbox-group label,
        .text-group label{
            font-weight: 500;
        }
        .radio, .checkbox{
            margin-top: 16px;
            margin-bottom: 16px;
        }
        .tips{
            position: absolute;
            top: 50%;
            left:50%;
            font-size: 25px;
            margin-left:-225px;
            margin-top: -18px;
            color: #fff;
        }
        @media screen and (max-width: 768px) {
            .submit{
                padding:15px 0;
                width: 100%;
                text-align: center;
            }
        }
    </style>
    <script>
        $(()=>{
            $('.submit').click(()=>{
//                $('.main-show-mb').css('display','block')
                $('.main-show-mb').fadeIn();
            })
        })
    </script>
</head>
<body onload="checkForm()">
<div class="container">
        <div class="main">
            <div class="suv-title">
                <p class="suvTitle"> 您已完成本次问卷，感谢您的帮助与支持</p>
            </div>
        </div>
</div>

</body>
</html>